@media screen and (max-width: 768px) {
  #vec-nav {
    font-size: 17px;
    color: #666;
  }
  #vec-nav .container {
    padding: 0!important;
  }
  #vec-nav .container .meun {
    display: none;
  }
  #vec-nav .container .right {
    display: none;
  }
  #vec-nav .container .close-icon {
    display: none;
  }
  #vec-nav .container .pc-logo {
    display: block;
  }
  #vec-nav .container .moble-logo {
    display: none;
  }
  #vec-nav .container .open-icon {
    display: block;
    margin: 10px!important;
  }
  #vec-nav .container.active {
    background-color: #fff;
  }
  #vec-nav .container.active .meun {
    display: none;
  }
  #vec-nav .container.active .logo {
    border-bottom: 1px solid #dcddcd;
  }
  #vec-nav .container.active .logo .moble-logo {
    display: block;
  }
  #vec-nav .container.active .logo .pc-logo {
    display: none;
  }
  #vec-nav .container.active .close-icon {
    display: block;
  }
  #vec-nav .container.active .open-icon {
    display: none;
  }
  #vec-nav .container.active .meun {
    display: block;
  }
  #vec-nav .container.active .right {
    display: block;
  }
  #vec-nav .left {
    float: none;
  }
  #vec-nav .left .meun {
    float: none;
    padding: 0;
    margin-top: 40px;
  }
  #vec-nav .left .meun .meun-item {
    float: none;
    margin-left: 0;
    display: block;
    text-align: center;
    line-height: 55px;
    height: 55px;
  }
  #vec-nav .left .meun .meun-item a {
    color: #666;
    font-size: 17px;
  }
  #vec-nav .left .logo {
    float: none;
  }
  #vec-nav .left .logo img {
    width: 110px;
  }
  #vec-nav .left .logo .option-icon {
    width: 17px;
    float: right;
  }
  #vec-nav .left .logo img {
    padding: 20px 15px;
    float: left;
  }
  #vec-nav .left .logo::after {
    display: block;
    height: 0;
    width: 0;
    content: ' ';
    clear: both;
  }
  #vec-nav .right {
    float: none;
  }
  #vec-nav .right .none-button {
    display: none;
    text-align: center;
  }
  #vec-nav .right .select {
    display: block;
  }
  #vec-nav .right .select .value {
    display: none;
  }
  #vec-nav .right .select .mask {
    display: block;
  }
  #vec-nav .right .options {
    position: static;
    text-align: center;
    display: block;
  }
  #vec-nav .right .options .option-item {
    display: inline-block;
  }
  #vec-nav .right .options .option-item a {
    color: #666;
  }
  #vec-nav .right .options .abled.option-item {
    margin-left: 20px;
    font-size: 14px;
  }
  #vec-nav .right .options .abled.option-item a {
    color: blue;
  }
  #vec-nav .right .options::after {
    position: absolute;
    content: '/';
    font-size: 16px;
    right: 50%;
    margin-left: 10px;
    transform: translateX(50%);
  }
}
